<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
	<link rel="stylesheet" type="text/css" href="/ScienceManagement/login_files/basic.css">   
	<link rel="stylesheet" type="text/css" href="/ScienceManagement/login_files/newReg.css">
	<script src="/ScienceManagement/login_files/jquery1.js"></script>
	<script src="/ScienceManagement/login_files/jquery-cookie.js"></script>
	<script src="/ScienceManagement/login_files/jquery-ui.js"></script>
	<script src="/ScienceManagement/login_files/u17.js"></script>
	<script src="/ScienceManagement/login_files/jquery_003.js"></script>
	<script src="/ScienceManagement/JS/login.js"></script>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="/ScienceManagement/CSS/login.css">
	<script src="/ScienceManagement/jquery/jquery-2.1.1.min.js"></script>
	<script src="/ScienceManagement/bootstrap/js/bootstrap.min.js"></script>
	<title>Login</title>
	<style>
		*{ font-family:"微软雅黑";}
		a:hover{text-decoration:none;}
		html {
	    	overflow: hidden;
		}
	</style>
		
</head>
<body>
<%
	if( "success".equals((String)request.getAttribute("rflag")) ){
		%>
			<script>
				alert("注册成功！")
			</script>
		<% 
	}

%>
	<div id="content" style="height: 728px; width: 1536px;">
	    <div id="register_box" class="phone_verification_code_show">
	        <div class="register_bg"></div>
	        <div class="register">
	            <div class="tit cur">
	               <h1 style="display:inline;">登录</h1>
	               <button class="btn btn-default btn-primary" style="float:right;display:inline;margin-top:5px "onclick="jump()">注册</button>
		       		<script>
		       			function jump(){
		       				window.open("/ScienceManagement/static/register.jsp")
		       			}
		       		</script>
	            </div>
	            <div class="conbox">
	                <form class="form-signin" role="form" action="/ScienceManagement/LoginProcess" method="post" id="form1">
			        <div class="form-group has-feedback">
			            <input type="text" class="form-control" name="username" id="username" value="" placeholder="请输入登录账号" onblur="checkUsername()" style="margin-top:10px; width:300px;">
			            <span class="glyphicon glyphicon-user form-control-feedback"></span>
			        </div>
			        <div class="form-group has-feedback">
			            <input type="password" class="form-control" name="password" id="password" value="" placeholder="请输入登录密码" onblur="checkPassword()" style="margin-top:10px; width:300px;">
			            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
			        </div>
			        
			        <div class="form-group has-feedback">
			            <input type="text" class="form-control" name="imageCode" id="imageCode" placeholder="请输入验证码" onblur="checkImageCode()" style="margin-top:10px; width:165px; margin-right:2px; float:left;">
			             <img alt="验证码" src="/ScienceManagement/login_files/l_code.jpg" height="44px" style=" float:right; margin-left:2px; margin-top:10px;"/> 
			        </div>
			        
			        <div class="form-group has-feedback">
			            <span style="float:left;margin-top:5px;margin-bottom:5px"><input type="radio" name="login_type" value="admin"  />管理员</span>
			            <span style="float:right;margin-top:5px;margin-bottom:10px"><input type="radio" name="login_type" value="user"  />用户</span>
			        </div>
			        <div class="form-group has-feedback">
			           <span id="passwordInfo" class="info"></span>
			        </div>
			        
			         <input type="submit" class="btn btn-lg btn-primary btn-block" value="登录" onclick="return check();" >
			      </form>
	            </div>
	        </div>
	    </div>
	    <div class="box boy_box" style="width: 1536px;">
	        <img src="/ScienceManagement/login_files/boy_masking_summer.jpg" class="bg masking" style="z-index: 3;  display: none; ">
	        <img src="/ScienceManagement/login_files/bg1.jpg" class="bg" style="width:100%; height:100%;">
	    </div>
	</div>
	<div style='position:fixed; z-index:3; top:0;width:100%; height:100%'>
	    <div id="particles-js"></div>
	    <script src="/ScienceManagement/login_files/assets/libs/jquery-1.12.4/jquery.min.js"></script>
	    <script src="/ScienceManagement/login_files/assets/libs/particles/particles.min.js"></script>
	    <script src="/ScienceManagement/login_files/assets/libs/particles/js/app.js"></script>
	</div>
</body>
</html>